Ext.ns('tj');

tj.NavBar = Ext.extend(Ext.Panel, {

    initComponent: function () {

	this.padding =  0;
	this.height = 30;
	this.layout = { 
	    type: 'hbox',
	    align: 'middle'
	};
	
	// main nav bar
	this. items = [{
	    xtype: 'spacer',
	    width: 10
	},{
	    xtype: 'box',
	    html: '<a href="?findreview">Find A Review</a>'
	},{
	    xtype: 'spacer',
	    width: 10
	},{
	    xtype: 'box',
	    html: '<a href="?writereview">Write A Review</a>'
	},{
	    xtype: 'spacer',
	    width: 10
	},{
	    xtype: 'box',
	    html: '<a href="?myreviews">My Reviews</a>',
	},{
	    xtype: 'spacer',
	    flex: 1,
	},{
	    xtype: 'label',
	    style: 'font-size:10px;color:grey;',
	    text: 'Leigh Pauls, other contributors names, 2011',
	    width: 220
	}];
	// main nav bar

	tj.NavBar.superclass.initComponent.apply(this, arguments);
    }
});

Ext.reg('tj.navbar', tj.NavBar);